elemnetUI 关于el

您所在的位置:网站首页 element ui按钮禁用 elemnetUI 关于el

elemnetUI 关于el

2024-03-05 18:22| 来源: 网络整理| 查看: 265

使用cdn引入elementui的页面中,对el-table头部的自定义中使用了el-button因为做的是个刷新表格的功能,所以我想在点击以后给按钮设置disabled:true 防止短时间触发多次,结果一直不能实现

这是我页面样式 在这里插入图片描述这是我的el-table自定义表头的代码 只复制了按钮定义那部分的 操作 查看详情 登记借阅 这是点击刷新(那个刷新小图标)时触发的函数 // 刷新数据 refreshBookListHandle(ev) { // 防止按键连点 this.refreshBookBTLoading = true; console.log(this); setTimeout(() = >{ this.refreshBookBTLoading = false; }, 3000); this.reqBookList().then((res) = >{ if (res) { this.$message({ message: '刷新成功', type: 'success', duration: 1000, }); } }) }

结果死活不进入loading状态,本来用的disabled也不行,改成loading还是不行

这是我在另外一个界面使用的效果,没有放el-form里,结果就可以正常的进入loading状态 演示 我不理解,求解决方案,我感觉只能强行把这个按钮移到表格外面了,艹刚刚把按钮移到了表单下面分页的那个地方,又可以用loading初步判断是el-table这个位置的坑,改了好久,只能先这样了.


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3